@import url('assets/style/theme.less');
@import url('assets/style/mixin.less');

.combination-goods {
  padding: 0 24px;
  margin-bottom: 24px;
  background-color: #ffffff;
  flex-shrink: 0;

  .combination-title {
    padding: 32px 0;
    font-size: 28px;
    flex-direction: row;
    justify-content: space-between;

    .more-icon {
      width: 48px;
      height: 48px;
    }
  }

  .combination-block {
    flex-direction: row;

    .combination-img {
      width: 144px;
      height: 144px;
      border-radius: 6px;
      margin-right: 24px;
    }

    .com-info {
      flex: 1;

      .com-info-name {
        font-weight: 500;
        font-size: 24px;
        margin-bottom: 16px;
        line-height: 32px;
        .text-overflow(2);
      }

      .bottom-price {
        font-size: 20px;
        columns: #999999;
        margin-top: 4px;

        .yellow {
          font-size: 20px;
        }
      }
    }
    margin-bottom: 32px;
  }
}
